<template>
    <div>
        <navbar></navbar>
        <div style="height:60px;width:100%"></div>
        <div>
            商品详细信息
            <div>{{goodsid}}</div>
            
        </div>
        <div style="height:60px;width:100%"></div>
        <!-- <tabbar></tabbar> -->
        <van-goods-action >
            <van-goods-action-icon icon="cart-o" text="购物车" :badge="gbadge" @click="onClickCart" />
            <van-goods-action-button  type="warning" text="加入购物车" @click="onAddCart"/>
            <van-goods-action-button  type="danger" text="立即购买" @click="onAddOrder"/>
        </van-goods-action>
    </div>
</template>
<script>
import navbar from '@/components/utils/navbar/m-navbar';
import goodslist from '@/components/GoodsManager/List/List';
import tabbar from '@/components/utils/tabbar/m-tabbar';
export default {
    components: {
        'navbar':navbar,
        'goodslist' :goodslist,
        'tabbar': tabbar,
    },
    data() {
    return {
      goodsid:this.$route.query.id,
      gbadge:5,
    };
  },
  methods:{
      onClickCart(){
          console.log("点击了购物车按钮");
      },
      onAddCart(){
          console.log("将商品"+this.goodsid+"加入到购物车");
      },
      onAddOrder(){
          console.log("将商品"+this.goodsid+"加入到订单");
      }
  }
}
</script>